<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" type="text/css" href="<?php echo base_url() . '/application/public/css/style.css'?>" />
        <script type="text/javascript" src="<?php echo base_url() . '/application/public/js/validator.js' ?>"></script>
        <script type="text/javascript" src="<?php echo base_url() . '/application/public/js/calendar.js' ?>"></script>
        <script type="text/javascript" src="<?php echo base_url() . '/application/public/js/common.js' ?>"></script>
        <title><?php echo $title; ?></title>
    </head>
    <body>
        <div id="main_wrapper">
			<!-- HEADER -->
			<div id="header">	
				<!--[if !IE]> -->
                                <object type="application/x-shockwave-flash" data="<?php echo base_url() . '/application/public/obj/picdropslogo.swf' ?>" width="100%" height="80">
				<!-- <![endif]-->
				<!--[if IE]>
				  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="100%" height="80">
					<param name="movie" value="..\res\PicDropsLogo.swf" />
				<!--><!-- http://Validifier.com -->
				</object>
				<!-- <![endif]-->
				
				<ul class="navigation">
					<li><a href="">Home</a></li>
					<li><a href="">Register</a></li>
					<li><a href="">Login</a></li>
					<li><a href="<?php echo base_url() . 'index.php/profile/' ?>">Profile</a></li>
					<li><a href="">Logout</a></li>
					<li class="search">
						<form action="">
							<input type="text" />
							<input type="submit" />
						</form>
					</li>
				</ul>
			</div>
			
			
			<!-- CONTENT -->
			<div id="content">
                            <!-- The image -->
                            <img class="photo_full" src="fail.png" alt="fail"/>

                            <!-- Info wrapper -->
                            <div class="photo_info">
                                <!-- Deskripsi foto .. Pake view komentar aja kk -->
                                <div class="photo_desc">
                                    Diisi pake view wall_comment
                                </div>

                                <!-- Score foto -->
                                <div class="photo_score_info">
                                    <div class="photo_score">
                                        7.88
                                    </div>
                                    <div class="photo_vote">
                                        <a href=""><img src="<?php echo base_url() . "application/public/image/happy.png" ?>" alt="Like"/></a>
                                        <a href=""><img src="<?php echo base_url() . "application/public/image/angry.png" ?>" alt="Dislike"/></a>
                                    </div>
                                </div>

                                <!-- clear css sial -->
                                <div class="clear"></div>
                            </div>

                            <!-- Edit photo title -->
                            <div class="upload_title" onclick="toggleVisibility(document.getElementById('edit_photo_form'))">
                                +Edit Photo Info+
                            </div>
                            
                            <!-- Edit photo form -->
                            <div id="edit_photo_form" class="edit_photo_form" style="display: none">
                                <!-- FORM NYA NGOPI DARI UPLOAD PHOTO FORM, CUMA DIILANGIN FIELD PALING ATASNYA -->
                                <form class="dark_form" action="">
                                                <div class="field">
                                                        <div class="ilabel">Description</div>
                                                        <div class="iinput">
                                                                <input type="text" class="itext" id="desc" onchange="validateDesc()"/>
                                                                <div class="ireq">Min. 5 characters.</div>
                                                        </div>
                                                        <div class="iinfo" id="desc_info"></div>
                                                </div>
                                                <div class="field">
                                                        <div class="ilabel">Keyword</div>
                                                        <div class="iinput">
                                                                <input type="text" class="itext" id="keyword" onchange="validateKeyword()"/>
                                                                <div class="ireq">Min. 3 characters.</div>
                                                        </div>
                                                        <div class="iinfo" id="keyword_info"></div>
                                                </div>
                                                <div class="field">
                                                        <div class="ilabel">Date Taken</div>
                                                        <div class="iinput">
                                                                <input type="text" class="itext" id="bd" onchange="validateBirthdate()"/>
                                                                <input type="button" class="ical" onclick="openCal()" value="calendar"/>

                                                                <!-- CALENDAR -->
                                                                <div id="floatcal">
                                                                        <script type="text/javascript">
                                                                        //<![CDATA[
                                                                                var cal = new Calendar(
                                                                                        new Date(),
                                                                                        document.getElementById("floatcal"),
                                                                                        function(date){
                                                                                                var yyyy = "" + date.getFullYear();
                                                                                                while(yyyy.length < 4) yyyy = "0" + yyyy;
                                                                                                var mm = "" + (date.getMonth() + 1);
                                                                                                while(mm.length < 2) mm = "0" + mm;
                                                                                                var dd = "" + date.getDate();
                                                                                                while(dd.length < 2) dd = "0" + dd;
                                                                                                document.getElementById('bd').value = yyyy + "-" + mm + "-" + dd;
                                                                                                openCal();
                                                                                                validateBirthdate();
                                                                                        }
                                                                                );

                                                                                function openCal() {
                                                                                        if(cal.isVisible) cal.hideCalendar();
                                                                                        else cal.drawCalendar();
                                                                                }
                                                                        //]]>
                                                                        </script>
                                                                </div>

                                                                <div class="ireq">YYYY-MM-DD</div>
                                                        </div>
                                                        <div class="iinfo" id="bd_info"></div>
                                                </div>
                                                <div class="field">
                                                        <div class="ilabel">Category</div>
                                                        <div class="iinput">
                                                            <select>
                                                                <option>Kateg1</option>
                                                                <option>Kateg2</option>
                                                            </select>
                                                        </div>
                                                        <div class="iinfo"></div>
                                                </div>
                                                <div class="field">
                                                        <div class="ilabel">View Access</div>
                                                        <div class="iinput">
                                                            <select>
                                                                <option>Kateg1</option>
                                                                <option>Kateg2</option>
                                                            </select>
                                                        </div>
                                                        <div class="iinfo"></div>
                                                </div>
                                                <div class="field">
                                                        <div class="ilabel">Comment Access</div>
                                                        <div class="iinput">
                                                            <select>
                                                                <option>Enable</option>
                                                                <option>Disable</option>
                                                            </select>
                                                        </div>
                                                        <div class="iinfo"></div>
                                                </div>
                                                <div class="subm_wrap">
                                                        <input type="submit" class="isubmit" value="Upload!"/>
                                                </div>
                                            </form>
                            </div>

                            <!-- Wrapper untuk komen2 -->
                            <div class="photo_comments">
                                Isi pake wall_comment dan wall_form saja..
                            </div>
                        </div>
			
			
			<!-- WRAPPER -->
			<div id="footer">Content for  id "footer" Goes Here</div>
		</div>
    </body>
</html>
